<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style type="text/css">
	     * {
			 margin: 0;
			 padding: 0;
			 overflow: hidden;
		 }
		.outer {
			width: 200px;
			height: 200px;
			background-color: #E96A00;
			margin-top: 40px;
		}
		.inner {
			width: 100px;
			height: 100px;
			background-color: aquamarine;
			margin-top: 20px;
		}
		.i2 {
			width: 100px;
			height: 100px;
			background-color: #808080;
			margin-top: 10px;
		}
		.demo {
			width: 400px;
			height: 200px;
			background-color: #E96A00;
			margin-top: 20px;
			padding: 10px;
			border-radius: 400px 0;
		}
	</style>
	<body>
		<div class="outer">
			<div class="inner"></div>
			<div class="i2"></div>
		</div>
		<div class="demo"></div>
	</body>
</html>
